                                                                                                                                                                                                                                                                                                                                                                                      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Input 输入框</title>
    <script src="js/my_vue2.6.js"></script>
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <script src="element-ui/lib/index.js"></script>
</head>
<body>
<div id="div">
    <!--disabled 属性用于将输入框禁用，等同于：disabled="true"-->
    <el-input v-model="inputValue1" placeholder="请输入内容1"  disabled clearable></el-input><br/>
    <el-input v-model="inputValue2" placeholder="请输入内容2"  :disabled="true"></el-input><br/>
    <!--show-password 属性用于将显示的密码隐藏-->
    <el-input v-model="password" placeholder="请输入密码" show-password></el-input><br/>
    <!--带icon的输入框-->
    属性方式：<br/>
    <el-input
            style="width: 200px;"
            placeholder="请选择日期"
            suffix-icon="el-icon-date"
            v-model="inputValue3">
    </el-input><br/>
    <el-input
            style="width: 200px;"
            placeholder="请输入内容"
            prefix-icon="el-icon-search"
            v-model="inputValue4">
    </el-input><br/>
    slot 方式：<br/>
    <el-input
            placeholder="请选择日期"
            v-model="inputValue5">
        <i slot="suffix" class="el-input__icon el-icon-date"></i>
    </el-input>
    <el-input
            placeholder="请输入内容"
            v-model="inputValue6">
        <i slot="prefix" class="el-input__icon el-icon-search"></i>
    </el-input>
    <!-- 文本域textarea -->
    <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入内容"
            v-model="textareaValue">
    </el-input>


</div>
</body>
<script>
    new Vue({
        el:"#div",
        data:{
            inputValue1:"张光成",
            inputValue2:"zgc",
            password:"",
            inputValue3:"2021/08/22",
            inputValue4:"今天啥日子？",
            inputValue5:"",
            inputValue6:"",
            textareaValue:""

        }
    })
</script>
</html>